//报事详情也在这
.report{
  padding-bottom: 0.2rem;

  a{
    cursor: pointer;
  }

  .form-submit-btn{
    font-size: 0.2rem;
    height: 0.42rem;
  }

  .report-history{
    float: right;
    margin-right: 0.15rem;

    a{
      color:#666;
      font-size: 0.16rem;
    }
  }

  .finger-history{
    border-color: #03b1be;
    color: #03b1be;
  }

  .oa-history{
    border-color: #2cc57b;
    color: #2cc57b;
  }

  .box {

    .item {
      position: relative;
      width: 30%;
      -webkit-flex: 0 0 30%;
      flex: 0 0 30%;
      min-width: 1.15rem;
      min-height: 1.15rem;
      max-width: 1.15rem;
      max-height: 1.15rem;
      margin: 0.12rem 0.05rem 0;
      //flex-grow: 0;

      .photo{
        min-width: 1.15rem;
        min-height: 1.15rem;
        max-width: 1.15rem;
        max-height: 1.15rem;
      }

    }
  }

  //不知为什么第一个textarea换行的时候文档会有多余的空间，只好用这种方法消除它
  div:first-child{
    margin-bottom: -.04rem;
  }
  .text-title{
    margin-bottom: 0;
    padding-left: .1rem;
    font-size: .17rem;
    line-height: .25rem;
    color: #666;
  }

  ::-webkit-input-placeholder{
    //font-size: .17rem;
    color: #ccc;
  }
  textarea{
    padding-top: .04rem;
    padding-left: .1rem;
    margin-bottom: 0;
    height: .9rem;
    border: 0;
    //font-size: .17rem;
    background: #f4f4f4;
  }
  //114px 矩形
  .up-load {
    -webkit-flex: 1.0;
    width: 30%;
    min-width: 1.15rem;
    min-height: 1.15rem;
    display: inline-block;
    margin: .12rem .01rem 0 .075rem;
    border: 3px dashed #d9d9d9;
    padding: 0;
    cursor: pointer;
  }

  .up-load span::after {
    //position: absolute;
    margin: 0 auto;
    font-size: 1.08rem;
    line-height: 1.08rem;
    color: #d9d9d9;
    font-family: "liefeng" !important;
    content: '\e61c';
  }
  input[type=button],button{
    margin-top: .6rem;
    margin-bottom: .1rem;
  }
  input[type=button]{
    padding: .06rem 0;
    font-size: .2rem;
  }

  .select-project{

    select{
      padding: .1rem;
      background: #f4f4f4;
      font-size: .17rem;
      -webkit-appearance: menulist;
      &.ios {
        border: 1px solid #ddd !important;//防止android样式变动

      }
    }
  }
}

.report-detail {
  font-size: .15rem;

  .margin-top::before {
    content: '';
    display: block;
    height: .1rem;
    width: 100%;
    background: #efeff4;
  }

  .margin-bottom {
    clear: both;
    margin-bottom: .1rem;
  }

  .bottom-form {
    padding: .1rem .1rem .05rem;
  }

  textarea {
    width: 100%;
    height: 1.5rem;
    //padding: 0 .1rem;
    border: 1px solid #ddd;
    font-size: .15rem;
    //background: #fff;
  }

  .container {
    padding: .1rem;
  }

  .input-row {
    padding: .1rem;
    border-bottom: 1px solid #ddd;

    label {
      line-height: .34rem;
      font-size: .15rem;
    }

    select,
    input {
      padding: 0 .1rem;
      margin-bottom: 0;
      max-width: 2.2rem;
      height: .34rem;
      line-height: .34rem;
      font-size: .15rem;
    }

    select {
      float: right;
      border: 1px solid #ddd !important;
    }
  }

  .btn-box {
    text-align: right;
  }

  .bottom-form-con {
    padding-bottom: 0.1rem;
  }



}
